// 表单属性【右面板】
export const formConf = {
  formRef: 'elForm',
  formModel: 'formData',
  size: 'medium',
  labelPosition: 'right',
  // labelWidth: 100,
  formRules: 'rules',
  gutter: 15,
  disabled: false,
  span: 24,
  formBtns: true
}
// {
//   type:"input",类型
//   title_zh:"单行文本", 中文标题
//   title_zh:"单行文本英文", 英文标题
//   // name:"" 字段名
//   rule:[  正则
//     {
//       error_tip_zh:"", 错误提示中文
//       error_tip_en:"", 错误提示英文
//       rule:"" 表达式
//     }
//   ], 
//   max_len:"", input 最大输入值
//   is_show_tag:1, 标题是否展示 
//   is_require:1, 是否必填
//   is_disable:0, 是否禁用
//   options:[]  下拉关联
// },

// 输入型组件 【左面板】
export const inputComponents = [
  {
    type:"input",
    title_zh:"单行文本",
    title_en:"TEXT",
    title_tc:"單行文字",
    // name:""
    rule:[], 
    maxlength:null,
    is_show_tag:1,
    is_require:1,
    is_disable:0,
    options:[],
    placeholder:"1",
    labelWidth: 100,
    span: 24,
    tagIcon: 'input',
    defaultValue: undefined,
    tag: 'el-input',
    layout: 'colFormItem',
  },
  {
    type:"textarea",
    title_zh:"提示文本",
    title_en:"Tooltip",
    title_tc:"提示文字",
    // name:""
    rule:[], 
    maxlength:null,
    is_show_tag:0,
    is_require:1,
    is_disable:0,
    options:[],

    labelWidth:0,
    span: 24,
    tagIcon: 'textarea',
    defaultValue: undefined,
    tag: 'el-input',
    layout: 'colFormItem',
  },

  {
    type:"text",
    title_zh:"多行文本",
    title_en:"Multiline text",
    title_tc:"多行文字",
    // name:""
    rule:[], 
    maxlength:null,
    is_show_tag:0,
    is_require:1,
    is_disable:0,
    options:[],

    labelWidth:0,
    span: 24,
    tagIcon: 'textarea',
    defaultValue: undefined,
    tag: 'el-input',
    layout: 'colFormItem',
  },
  // {
  //   title_zh:"编辑器",
  //   title_en:"编辑器英文",
  //   // name:""
  //   rule:[], 
  //   is_show_tag:1,
  //   is_require:1,
  //   is_disable:0,
  //   labelWidth: 100,
  //   span: 24,
  //   tagIcon: 'rich-text',
  //   defaultValue: undefined,
  //   tag: 'tinymce',
  //   layout: 'colFormItem',
  //   type:"editor"
  // },

  // {

  //   // 组件的自定义配置
  //   __config__: {
  //     label_zh: '单行文本',
  //     label_en: '单行文本英文',
  //     showLabel: true,
  //     changeTag: true,
  //     tag: 'el-input',
  //     tagIcon: 'input',
  //     defaultValue: undefined,
  //     required: true,
  //     layout: 'colFormItem',
  //     span: 24,
  //     document: 'https://element.eleme.cn/#/zh-CN/component/input',
  //     // 正则校验规则
  //     rule: []
  //   },
  //   // 组件的插槽属性
  //   __slot__: {
  //     prepend: '',
  //     append: ''
  //   },
  //   // 其余的为可直接写在组件标签上的属性
  //   placeholder: '请输入',
  //   style: { width: '100%' },
  //   clearable: true,
  //   'prefix-icon': '',
  //   'suffix-icon': '',
  //   maxlength: null,
  //   'show-word-limit': false,
  //   readonly: false,
  //   disabled: false,
  //   type:"input"
  // },
  // {
  //   __config__: {
  //     label_zh: '多行文本',
  //     label_en: '多行文本英文',
  //     labelWidth: 100,
  //     showLabel: true,
  //     tag: 'el-input',
  //     tagIcon: 'textarea',
  //     defaultValue: undefined,
  //     required: true,
  //     layout: 'colFormItem',
  //     span: 24,
  //     rule: [],
  //     changeTag: true,
  //     document: 'https://element.eleme.cn/#/zh-CN/component/input'
  //   },
  //   type: 'textarea',
  //   placeholder: '请输入',
  //   autosize: {
  //     minRows: 4,
  //     maxRows: 4
  //   },
  //   style: { width: '100%' },
  //   maxlength: null,
  //   'show-word-limit': false,
  //   readonly: false,
  //   disabled: false,
  //   type:"textarea"
  // },
  // {
  //   __config__: {
  //     label_zh: '编辑器',
  //     label_en: '编辑器英文',
  //     showLabel: true,
  //     changeTag: true,
  //     labelWidth: 100,
  //     tag: 'tinymce',
  //     tagIcon: 'rich-text',
  //     defaultValue: null,
  //     span: 24,
  //     layout: 'colFormItem',
  //     required: true,
  //     rule: [],
  //     document: 'http://tinymce.ax-z.cn'
  //   },
  //   placeholder: '请输入',
  //   height: 300, // 编辑器高度
  //   branding: false, // 隐藏右下角品牌烙印
  //   type:"editor"
  // }
]

// 选择型组件 【左面板】
export const selectComponents = [
  {
    type:"select",
    title_zh:"下拉选择",
    title_en:"Drop down selection",
    title_tc:"下拉選擇",
    // name:""
    rule:[], 
    is_show_tag:1,
    is_require:1,
    is_disable:0,
    options:[
      {
        title_zh: '选项一',
        title_en: 'Option one', 
        title_tc: '選項一',
        value: '1'
      }
    ],

    labelWidth: 100,
    span: 24,
    tagIcon: 'select',
    defaultValue: undefined,
    'show-word-limit':false,
    tag: 'el-select',
    layout: 'colFormItem',
  },
  {
    type:"switch",
    title_zh:"勾选",
    title_en:"heck",
    title_tc:"勾選",
    // name:""
    rule:[], 
    is_show_tag:0,
    is_require:1,
    is_disable:0,

    labelWidth: 0,
    span: 24,
    tagIcon: 'radio',
    defaultValue: false,
    tag: 'switch-radio',
    layout: 'colFormItem',
  },
  {
    type:"radio",
    title_zh:"单选框组",
    title_en:"Radio box group",
    title_tc:"單選框組",
    // name:""
    rule:[], 
    is_show_tag:1,
    is_require:1,
    is_disable:1,
    options:[
      {
        title_zh: '选项一',
        title_en: 'Option one',
        title_tc:"選項一",
        value: '1'
      }
    ],
    labelWidth: 100,
    span: 24,
    tagIcon: 'radio',
    defaultValue: undefined,
    tag: 'el-radio-group',
    layout: 'colFormItem',
  },
  {
    type:"checkbox",
    title_zh:"多选框组",
    title_en:"Multiple box group",
    title_tc:"多選框組",
    // name:""
    rule:[], 
    is_show_tag:1,
    is_require:1,
    is_disable:1,
    options:[
      {
        title_zh: '选项一',
        title_en: 'Option one',
        title_tc:"選項一",
        value: '1'
      }
    ],
    labelWidth: 100,
    span: 24,
    tagIcon: 'checkbox',
    defaultValue: [],
    tag: 'el-checkbox-group',
    layout: 'colFormItem',
  },

  // {
  //   __config__: {
  //     label_zh: '多选框组',
  //     label_en: '多选框组英文',
  //     tag: 'el-checkbox-group',
  //     tagIcon: 'checkbox',
  //     defaultValue: [],
  //     span: 24,
  //     showLabel: true,
  //     labelWidth: 100,
  //     layout: 'colFormItem',
  //     optionType: 'default',
  //     required: true,
  //     rule: [],
  //     changeTag: true,
  //     border: false,
  //     document: 'https://element.eleme.cn/#/zh-CN/component/checkbox'
  //   },
  //   __slot__: {
  //     options: [{
  //       label_zh: '选项一',
  //       label_en: '选项一',
  //       value: 1
  //     }, {
  //       label_zh: '选项二',
  //       label_en: '选项二',
  //       value: 2
  //     }]
  //   },
  //   style: {},
  //   size: 'medium',
  //   min: null,
  //   max: null,
  //   disabled: false,
  //   type:"checkbox"
  // },
  // {
    {
      type:"date",
      title_zh:"日选择",
      title_en:"Day selection",
      title_tc:"日選擇",
      // name:""
      rule:[], 
      is_show_tag:1,
      is_require:1,
      is_disable:1,
      labelWidth: 100,
      span: 24,
      tagIcon: 'date',
      defaultValue: null,
      tag: 'el-date',
      layout: 'colFormItem',
      format: 'yyyy/MM/dd',
      valueFormat: 'yyyy/MM/dd',
    },
    {
      type:"datetime",
      title_zh:"日期时间",
      title_en:"Date time",
      title_tc:"日期時間",
      // name:""
      rule:[], 
      is_show_tag:1,
      is_require:1,
      is_disable:1,
      labelWidth: 100,
      span: 24,
      tagIcon: 'date',
      defaultValue: null,
      tag: 'el-time-picker',
      layout: 'colFormItem',
      format: 'HH:mm',
      valueFormat: 'HH:mm',
    },
  // {
  //   __config__: {
  //     label_zh: '日期选择',
  //     label_en: '日期选择英文',
  //     tag: 'el-date-picker',
  //     tagIcon: 'date',
  //     defaultValue: null,
  //     showLabel: true,
  //     labelWidth: 100,
  //     span: 24,
  //     layout: 'colFormItem',
  //     required: true,
  //     rule: [],
  //     changeTag: true,
  //     document: 'https://element.eleme.cn/#/zh-CN/component/date-picker'
  //   },
  //   placeholder: '请选择',
  //   style: { width: '100%' },
  //   disabled: false,
  //   clearable: true,
  //   format: 'yyyy-MM-dd',
  //   'value-format': 'yyyy-MM-dd',
  //   readonly: false,
  //   type: 'date',
  // },
  {
    type:"identCards",
    title_zh:"有效证件",
    title_en:"Valid certificate",
    title_tc:"有效證件",
    // name:""
    rule:[], 
    is_show_tag:1,
    is_require:1,
    is_disable:0,
    labelWidth: 100,
    span: 24,
    tagIcon: 'credentials',
    defaultValue: null,
    tag: 'el-upload',
    layout: 'colFormItem',
    showTip: false,
    'src-type': true,
    'list-type': 'text',
  },
  {
    type:"upload",
    title_zh:"上传",
    title_en:"Upload",
    title_tc:"上傳",
    // name:""
    rule:[], 
    is_show_tag:0,
    is_require:1,
    is_disable:0,
    labelWidth: 0,
    span: 24,
    tagIcon: 'upload',
    defaultValue: null,
    tag: 'el-upload',
    layout: 'colFormItem',
    showTip: false,
    'list-type': 'picture-card',
  },
]

// 布局型组件 【左面板】
export const layoutComponents = [
  {
    title_zh:"选项关联",
    title_en:"Option Association",
    title_tc:"選項關聯",
    // name:""
    tagIcon: 'row',
    layout: 'rowFormItem',
    // justify: 'start',
    // align: 'top',
    type: 'row',
    keyName:"",
    keyValue:"",
    keyShow:true
  },
  {
    type:"firstTitle",
    title_zh:"一级标题",
    title_en:"First level title",
    title_tc:"一級標題",
    // name:""
    is_show_tag:0,
    is_require:1,
    is_disable:0,
    labelWidth: 0,
    span: 24,
    tagIcon: 'biaoti',
    defaultValue: null,
    tag: 'el-input',
    layout: 'colFormItem',
  },
  // {
  //   __config__: {
  //     label: '按钮',
  //     showLabel: true,
  //     changeTag: true,
  //     labelWidth: null,
  //     tag: 'el-button',
  //     tagIcon: 'button',
  //     span: 24,
  //     layout: 'colFormItem',
  //     document: 'https://element.eleme.cn/#/zh-CN/component/button'
  //   },
  //   __slot__: {
  //     default: '主要按钮'
  //   },
  //   type: 'primary',
  //   icon: 'el-icon-search',
  //   round: false,
  //   size: 'medium',
  //   plain: false,
  //   circle: false,
  //   disabled: false
  // },
  // {
  //   __config__: {
  //     layout: 'colFormItem',
  //     tagIcon: 'table',
  //     tag: 'el-table',
  //     document: 'https://element.eleme.cn/#/zh-CN/component/table',
  //     span: 24,
  //     formId: 101,
  //     renderKey: 1595761764203,
  //     componentName: 'row101',
  //     showLabel: true,
  //     changeTag: true,
  //     labelWidth: null,
  //     label: '表格[开发中]',
  //     children: [{
  //       __config__: {
  //         layout: 'raw',
  //         tag: 'el-table-column',
  //         renderKey: 15957617660153
  //       },
  //       prop: 'date',
  //       label: '日期'
  //     }, {
  //       __config__: {
  //         layout: 'raw',
  //         tag: 'el-table-column',
  //         renderKey: 15957617660152
  //       },
  //       prop: 'address',
  //       label: '地址'
  //     }, {
  //       __config__: {
  //         layout: 'raw',
  //         tag: 'el-table-column',
  //         renderKey: 15957617660151
  //       },
  //       prop: 'name',
  //       label: '名称'
  //     }, {
  //       __config__: {
  //         layout: 'raw',
  //         tag: 'el-table-column',
  //         renderKey: 1595774496335,
  //         children: [
  //           {
  //             __config__: {
  //               label: '按钮',
  //               tag: 'el-button',
  //               tagIcon: 'button',
  //               layout: 'raw',
  //               renderKey: 1595779809901
  //             },
  //             __slot__: {
  //               default: '主要按钮'
  //             },
  //             type: 'primary',
  //             icon: 'el-icon-search',
  //             round: false,
  //             size: 'medium'
  //           }
  //         ]
  //       },
  //       label: '操作'
  //     }]
  //   },
  //   data: [{
  //     date: '2016-05-02',
  //     name: '王小虎',
  //     address: '上海市普陀区金沙江路 1518 弄'
  //   }],
  //   border: true,
  //   type: 'default',
  //   justify: 'start',
  //   align: 'top'
  // }
]
